<template>
  <Layout>
    <PageHeaderNew :items="items"></PageHeaderNew>
    <div class="row">
      <div class="col-lg-12">
        <div class="card">
          <div class="card-body">
            <b-tabs justified nav-class="nav-tabs-custom newul" content-class="p-3 text-muted">
              <b-tab active>
                <template v-slot:title>
                  <span class="d-inline-block d-sm-none">
                    <i class="fas fa-cog"></i>
                  </span>
                  <span class="d-none d-sm-inline-block">资讯信源</span>
                </template>
                <addWebsite />
              </b-tab>
              <b-tab>
                <template v-slot:title>
                  <span class="d-inline-block d-sm-none">
                    <i class="far fa-envelope"></i>
                  </span>
                  <span class="d-none d-sm-inline-block">工商数据</span>
                </template>
                <addBusiness />
              </b-tab>
              <b-tab>
                <template v-slot:title>
                  <span class="d-inline-block d-sm-none">
                    <i class="far fa-envelope"></i>
                  </span>
                  <span class="d-none d-sm-inline-block">自媒体号</span>
                </template>
                <addWeMedia />
              </b-tab>
              <b-tab>
                <template v-slot:title>
                  <span class="d-inline-block d-sm-none">
                    <i class="far fa-user"></i>
                  </span>
                  <span class="d-none d-sm-inline-block">搜索抓取</span>
                </template>
                <addSearchGrab />
              </b-tab>
              <b-tab>
                <template v-slot:title>
                  <span class="d-inline-block d-sm-none">
                    <i class="far fa-envelope"></i>
                  </span>
                  <span class="d-none d-sm-inline-block">短视频</span>
                </template>
                <addShortVideo />
              </b-tab>
              <b-tab>
                <template v-slot:title>
                  <span class="d-inline-block d-sm-none">
                    <i class="fas fa-cog"></i>
                  </span>
                  <span class="d-none d-sm-inline-block">OTA旅游</span>
                </template>
                <addOtaTourism />
              </b-tab>
              <b-tab>
                <template v-slot:title>
                  <span class="d-inline-block d-sm-none">
                    <i class="fas fa-cog"></i>
                  </span>
                  <span class="d-none d-sm-inline-block">招标投标</span>
                </template>
                <addBidding />
              </b-tab>
              <b-tab>
                <template v-slot:title>
                  <span class="d-inline-block d-sm-none">
                    <i class="fas fa-cog"></i>
                  </span>
                  <span class="d-none d-sm-inline-block">招聘平台</span>
                </template>
                <addRecruit />
              </b-tab>
              <b-tab>
                <template v-slot:title>
                  <span class="d-inline-block d-sm-none">
                    <i class="fas fa-cog"></i>
                  </span>
                  <span class="d-none d-sm-inline-block">政府政策</span>
                </template>
                <addGovernment />
              </b-tab>
              <b-tab>
                <template v-slot:title>
                  <span class="d-inline-block d-sm-none">
                    <i class="fas fa-cog"></i>
                  </span>
                  <span class="d-none d-sm-inline-block">证券期货</span>
                </template>
                <addSecuritiesFutures />
              </b-tab>
              <b-tab>
                <template v-slot:title>
                  <span class="d-inline-block d-sm-none">
                    <i class="fas fa-cog"></i>
                  </span>
                  <span class="d-none d-sm-inline-block">法律信源</span>
                </template>
                <addLaw />
              </b-tab>
              <b-tab>
                <template v-slot:title>
                  <span class="d-inline-block d-sm-none">
                    <i class="fas fa-cog"></i>
                  </span>
                  <span class="d-none d-sm-inline-block">知识产权</span>
                </template>
                <addKnowledgeProperty />
              </b-tab>
            </b-tabs>
          </div>
        </div>
      </div>
    </div>
  </Layout>
</template>

<script>
import Layout from "../../layouts/main";
import PageHeaderNew from "@/components/page-header-new";
import addWebsite from "./addWebsite";
import addBusiness from "./addBusiness";
import addWeMedia from "./addWeMedia";
import addSearchGrab from "./addSearchGrab";
import addShortVideo from "./addShortVideo";
import addOtaTourism from "./addOtaTourism";
import addBidding from "./addBidding";
import addRecruit from "./addRecruit";
import addGovernment from "./addGovernment";
import addSecuritiesFutures from "./addSecuritiesFutures";
import addLaw from "./addLaw";
import addKnowledgeProperty from "./addKnowledgeProperty";

export default {
  components: {
    Layout,
    PageHeaderNew,
    addWebsite,
    addBusiness,
    addWeMedia,
    addSearchGrab,
    addShortVideo,
    addOtaTourism,
    addBidding,
    addRecruit,
    addGovernment,
    addSecuritiesFutures,
    addLaw,
    addKnowledgeProperty,
  },
  data() {
    return {
      items: [
        {
          text: "信源管理",
          url: "/seed",
        },{
          text: "添加信源",
          url: "/",
        }
      ],
    };
  },
};
</script>

<style lang="scss" scoped>
.card-body ::v-deep .newul{
  display: block;
  li{
    display: inline-block;
    margin: 0 1rem;
    a{
      padding: 0.5rem 0rem;
    }
  }
}
</style>